/*
 * bsx-confirm组件样式
 *
 * @Author: 谢力 843926058@qq.com
 * @Date:   2018-06-06 14:08:51
 * @Last Modified by:   谢力
 * @Last Modified time: 2018-06-06 14:08:56
 */
.app_confirm-master{
	left:50%;
	top:0;
	width:100%;
	max-width:20rem;
	bottom:0;
	z-index:9999;
	transform:translateX(-50%);
    background-color:rgba(0,0,0,0.3);
	position:absolute;
	.app_confirm-container{
		position: absolute;
    	left:2rem;
		right:2rem;
    	top:50%;
		border-radius:.1rem;
        transform: translateY(-50%);
		background-color:#fff;
		overflow:hidden;
		.app_confirm-text{
			min-height:5.36rem;
			font-size:0.75rem;
			padding:1.8rem 2rem;
			line-height:1.2rem;
			color:#333;
			text-align:center;
			word-break:break-all;
		}
		.app_confirm-bottom{
			border-top:solid 1px #ddd;
			.app_confirm-button{
				font-size:0.8rem;
				line-height:2.5rem;
				text-align:center;
				position:relative;
				font-weight:600;
				&.cancel{
					color:#6F7072;
					&:after{
						content:'';
						top:0;
						right:0;
						bottom:0;
						position:absolute;
						border-right:solid 1px #ddd;
					}
				}
				&.sure{
					color:#FD780F;
				}
				&:active{
					background-color:#eee;
				}
			}
		}
	}
	&.app_confirm-enter-active,&.app_confirm-leave-active{
        transition:all ease-out 0.3s;
		.app_confirm-container{
			transition:all ease-out 0.3s;
		}
    }
    &.app_confirm-enter{
        opacity: 0;
		.app_confirm-container{
			opacity: 0;
			transform: translateY(-50%) scale(0);
		}
    }
    &.app_confirm-enter-to,.app_confirm-leave{
        opacity: 1;
		.app_confirm-container{
			opacity: 1;
			transform: translateY(-50%) scale(1);
		}
    }
    &.app_confirm-leave-to{
        opacity: 0;
		.app_confirm-container{
			opacity: 0;
			transform: translateY(-50%) scale(0);
		}
    }
}
